// User Card

.e-user-card-hor {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
       
    .e-user-card-hor-pic {
        .e-badge {
            width: 40px;
            height: 40px;
        }

        img {
            border-radius: 50%;
            max-width: 40px;
            max-height: 40px;
        }

        padding-right: .5rem;
    }

    .e-user-card-hor-details {
        line-height: 0;

        .e-user-card-hor-name {
            display: block;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.5rem;
            transition: color .3s ease;
            color: e-base-color(label, 3);
        }                

        a.e-user-card-hor-name:hover { 
            transition: color .3s ease;
            color: e-brand-color();
        }

        .e-user-card-hor-desc, 
        .e-user-card-hor-email {
            margin-top: 3px;
            display: inline-block;
            font-size: .9rem;
            line-height: 1rem;
            font-weight: 400;
            color: e-base-color(label, 2);
        }

        a.e-user-card-hor-email:hover { 
            transition: color .3s ease;
            color: e-brand-color();
        }
    }
}

@include e-tablet-and-mobile {
    .e-user-card-hor {
        .e-user-card-hor-pic {
            img {
                max-width: 30px;
            }
        }
    }
}